/*
 * Globals
 */

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #888;
  
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333;
}
ul, li, ol, dl, dd, dt{list-style-type:none;}
*{margin:0; padding:0;}
html, body{font-family:Dotum, Helvetica,sans-serif; font-size:12px; color:#666666; line-height:1;}
ul, li, ol, dl, dd, dt{list-style-type:none;}
blockquote, q{quotes: none;} 
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
img{max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
button, input, select, textarea{margin:0; font-size:100%; vertical-align:middle;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0; border:0;}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"]{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{vertical-align:baseline;}
p{font-size:12px; line-height:18px;}
em, address{font-style:normal}
a, a:link, a:active, a:visited, a:hover{color:#666666; text-decoration:none; outline:0;}


/* --//////////////////////////////////////////////////////////////////////-- */
/* BREADCRUMB STYLE */
/* --//////////////////////////////////////////////////////////////////////-- */
.breadcrumb{background: #fafafa; border: 1px solid #f5f5f5; padding:10px 12px 10px 7px; color:#666666; margin-bottom:25px; font-size:12px; behavior:url('css/border-radius.htc'); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}
.breadcrumb span.home{display:inline-block; width:16px; height:16px; background:url('../img/common/ic_home.gif') center no-repeat; margin-right:1px;}
.breadcrumb span.home.blue{background:url('../img/common/ic_home_blue.gif')}
.breadcrumb span.cursor{display:inline-block; width:5px; height:16px; background:url('../img/common/ic_cursor.gif') center no-repeat; margin:0 4px 0 3px;}
.breadcrumb span.home, .breadcrumb span.cursor{margin-bottom:-3px;}
.breadcrumb strong{font-weight:800;}
.breadcrumb strong:last-child{margin-left:1px;}
#header {height:171px; margin-bottom:10px; background:url('../img/common/bg_header.jpg') left top repeat-x;}
#footer {background:url('../img/common/bg_footer.jpg') left top repeat-x;margin-top:100px;}



 .mypage table.table_style1
 {
     border:1px solid #eee;
         
     border-top:2px solid #ddd;
      border-collapse: separate;
     border-spacing: 0px;
      *border-collapse: expression('separate', cellSpacing = '0px');
         
 }
.mypage table.table_style1 tr
  {
    
  }
.mypage table.table_style1 th
 {
    
    background: url("../img/mypage/table_th_separator.png") center right no-repeat;
     text-align:center;
    line-height:12px;
    color:#666;
    padding:0px;
    height:36px;
    line-height:36px;
    border:none !important;
    vertical-align: middle;
    border-bottom:1px solid #ddd !important;
    
 }
.mypage table.table_style1 th.last
{
    background:none;
}
.mypage table.table_style1 td
  {
   border-bottom:1px solid #eee;
    border-top:none;
    height:40px;
    text-align:center;
    vertical-align: middle;
  }
.mypage table.table_style1 th#col1,
.mypage table.table_style1 td#col1
  {
    border-left: none;
  }
.mypage table.table_style1 td.last
  {
    border-right:none;
  }

.mypage table.table_style1 tr.last td
  {
    border-bottom:none;
  }


 
/*
 * LEFT MENU
 */
 .mypage #header
 {
    margin-bottom:10px;
 }
 .mypage #left
{    
    
    background:#fff;
    font-size:12px;
    
    padding-left:0px;
    
    z-index:1200;
    padding-bottom: 20px;
    
}

.mypage #left #pointer
{
    display:block;
   
}
.mypage #left #link1
{
    display:block;
    margin:21px 0px 9px 0px;
}
.mypage #left #link2
{
    display:block;
    margin:0px 0px 22px 0px;
}
.mypage #toggle_menu{z-index:1300;}
.mypage #left #menu
{
    margin: 0px 0px 0px 0px;
   
    border:1px solid #efefef;
    overflow: hidden;
    position: relative;
    max-width:215px;
}

.mypage #left #menu #first
{
    
}

.mypage #left #menu .title
{
    padding:12px 15px;
    background:#f6f6f6;
    line-height:14px;
    line-height:14px\9;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    font-weight:bold;   
    color: #666; 
}

.mypage #left #menu #first .title
{    
  border:none;
}


.mypage #left #menu ul
{
    padding:10px 15px 9px 15px;
   background: #fff;
   
}

.mypage #left #menu #fifth ul
{
    
    
    border-bottom:none;
}
.mypage #left #menu ul li 
{
    padding:5px 0px;
    background:url("../img/mypage/menu_icon.png") 0px 0px no-repeat;
    text-indent: 7px;
   
}
.mypage #left #menu ul li a
{
     color:#888;
}
.mypage #left #menu ul li:hover a

{
    color:#ff5b90;
    cursor:pointer;
}
.mypage #left #menu ul li.active  a
{
    color:#ff5b90;
    cursor:pointer;
    font-weight:bold;
}
/*
// TOP MENU STYLE
*/

.mypage  #right #top
 {
    
    border:1px solid #eee;
    background:#f6f6f6;
    /* margin-bottom:10px; */
    min-height: 151px;
 }
 
 .mypage  #right #top #g_left_1{padding:10px 0px;position:relative;}

 
.mypage  #right #top #g_left_1 #g_icon
 {
    
    text-align:center;
 }
 .mypage  #right #top #g_left_1 #g_icon p{font-size:11px;color:#888;}
 .mypage  #right #top #g_left
 {
    /*padding:25px 0px 0px 30px;*/
    
    position:relative;
    
    padding:20px 0px;
    
 }
 .mypage  #right #top #g_left #g_icon img#icon1
  {
    margin-left: 7px;
  }
.mypage  #right #top #g_left #g_icon p
 {
    
    margin-top:10px;
    font-size:11px;
    color:#888;
 }
 .mypage #right #top #g_left #g_icon .g_icon_left
 {
    
 }
 .mypage #right #top #g_left #g_text
 {
    
    
 }
 .mypage #right #top #g_left #g_text p
 {
   /* line-height:14px;
    padding-bottom:4px;
    */
    color:#888;
 }
 
 .mypage #right #top #g_left #g_text p#second
 {
    color:#666;
 }
.mypage  #right #top #g_left #g_text .g_icon_user
 {
    display:inline-block;
    zoom:1;
    *display:inline;
    width:12px;
    height:12px;
    background:url("../img/mypage/icon_user.png") no-repeat;
    margin-right:4px;
 }
.mypage  #right #top #g_left #g_text .color666
 {
    color:#666;
 }
.mypage  #right #top #g_left #g_text .g_icon_gold
 {
    
    width:32px;
    margin-left:4px;
    color:#ffd200;
    font-weight:bold;
    height:16px;
    margin-right:4px;
    
    font-family: Lato Bold, Dotum,san sans-serif;
 }
.mypage  #right #top #g_left #g_sum
 {
    
  
    text-align:left;
    font-family: Lato Bold, Dotum,san sans-serif;
 }
.mypage  #right #top #g_left #g_sum span
 {
    display:block;
    float:left;
    width:75px;
    height:26px;
    line-height:26px;
    margin-right:30px;
    font-size:16px;
    font-weight:bold;  
    color:#666;  
    
 }
.mypage  #right #top #g_left #g_sum .g_sum_p
 {
    background: url("../img/mypage/icon_p.jpg") top left no-repeat;
    text-indent: 35px;
    margin-right:31px;
 }
.mypage  #right #top #g_left #g_sum .g_sum_coupon
 {
    background: url("../img/mypage/icon_coupon.png") top left no-repeat;
    text-indent: 55px;
     margin-right:22px;
 }
.mypage  #right #top #g_left #g_sum .g_sum_wish
 {
    text-indent: 55px;
    background: url("../img/mypage/icon_wish.png") top left no-repeat;
 }
 
.mypage  #right #top #g_left #g_tooltip
 {
    position:absolute;
    left: 115px;
    top: -63px;
    background: url("../img/mypage/bg_tooltip.png") no-repeat;
    width:268px; 
    height:71px;
    display:none;
    color:#888;
    font-size: 11px;
    padding-top:15px;
    
    
    vertical-align:middle;
 }
.mypage  #right #top #g_left #g_tooltip p
 {
    word-spacing:-4px;
    color:#888;
    font-size:11px;
    text-align:center;
    
 }
 
.mypage  #right #top #g_right  
 {
    

    padding:20px 5px 10px 5px;
    padding-left:0px;
    position:relative;
 }
.mypage  #right #top #g_right .g_right_title
 {
     word-spacing:-4px;
    color:#888;
 }
.mypage  #right #top #g_right .g_right_title strong:first-child
 {
    color:#666;
 }
.mypage  #right #top #g_right .pink
 {
    border-right:1px solid #dddddd;
    margin-top:1px;
    width:75px;
    text-align:center;
    font-size:11px;
    line-height:15px;
    float:left;
    color:#ff5b90;
 }
 
.mypage  #right #top #g_right .pink span
 {
    font-size:24px;
    font-weight:bold;
    margin-top:11px;
      width:75px;
    color:#8c8c8c;
    display:block;
    }

.mypage   #right #top #g_right  #pink3
 {
    border:none;
    
 }

.mypage  #right #top #g_right .number
 {
    font-family: Lato Bold, Dotum,san sans-serif;
    font-size:16px;
    line-height:18px;
    color:#666 !important;
 } 



.mypage .mypage-tabs li
{
    padding:0px;
}
.mypage .mypage-tabs li a:hover
{
   /* font-weight:bold;*/
}
.mypage .mypage-tabs .tab-pane{padding-left:0px;padding-right:0px;}
.mypage #right #button1{font-size:12px;color:#666;}
.mypage #right #button2{font-size:12px;color:#666;}


 /*=========================================TAB-1 RESULT TABLE STYLE============================================================================================================ */
.mypage_main .table-responsive
{
    border:none;
}
.mypage_main #right #tab{margin-top: 23px;}
.mypage_main #right #tab-1 #result
 {
   border:none !important;
    margin-top:20px;
   
   text-align:center;
 }
 
 .mypage_main #right #tab-2 #result
 {
   
    margin-top:20px;
   
   text-align:center;
 }
 
 /*PRODUCT STYLE */
 .mypage  #right #product_area{margin-top:20px;position:relative;}
 .mypage_main #right #product
 {
    border-top:2px solid #dddddd;
    border-bottom:1px solid #eaeaea;    
    
    padding-top: 30px;
    margin-top:20px;
 }
.mypage_main  #right #product_area #title
 {
    
    position:absolute;
    top:-20px;
    right:0px;
    width:200px;
    height:31px;
    text-align:right;
    
   
 }


.mypage_main  #right #product 
{
    padding-bottom:40px; 
    vertical-align:top;
    
    overflow:auto;
}

 .mypage_main  #right #product div.item{padding-left:5px;padding-right:3px;min-height:319px;}
.mypage_main  #right #product div.first
 {
    padding-left:0px !important;
 }
.mypage_main   #right #product div.last
  {
    
     padding-right:0px !important;
     
  }
.mypage_main  #right #product div
{
    
    line-height:16px;
}

.mypage_main  #right #product .product_image
{
    
    max-width:200px;
    position: relative;
    margin:0px auto;
}
.mypage_main #right #product .product_image img
{
    
}
 .mypage_main  #right #product #first .product_image
  {
    margin-left:0px;
  }
.mypage_main #right #product #last .product_image
  {
      }
.mypage_main #right #product .product_image #quick_icon
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:35px;
    
    background:#000;
    opacity:0.5;
    
    -moz-opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); 
    display:none;
    overflow:auto;
    
}
.mypage_main  #right #product #quick_icon span
{
   
   color:#fff;
   height:35px;
   line-height:35px;
   text-align:center;
   width:50%;
   float:left;   
   background:url("../img/mypage/mypage_main_icon.png") no-repeat;
}

.mypage_main  #right #product #quick_icon span:hover
{
    cursor:pointer;
    
}

.mypage_main  #right #product #quick_icon #icon2
{
    
    
    background-position:0px 0px;
    
}

.mypage_main  #right #product #quick_icon #icon3
{
    
    background-position:-100px 0px;
}



.mypage_main  #right #product #description
{
    margin: 20px auto 0px;
    /* margin-left:0px; */
    color:#888;
    /* text-align: center; */
    max-width: 200px;
}
.mypage_main #right #product #description .c666
{
    color:#666;
}
.mypage_main  #right #product #price
{
     margin: 15px auto 20px;
     /* margin-left:0px; */
    
     max-width: 200px;
}

.mypage_main #right #collection
 {
    
      
    position:relative;
    padding-top: 30px;
    margin-top:60px;
    border-bottom:1px solid #eee;
 }
 .mypage_main #right #collection>div
 {

    
 }
 .mypage_main #right #collection table
 {
    border-left:none;
    border-right:none;
 }
.mypage_main #right #collection #title
{
    
} 
.mypage_main #right #collection #title .col1_title
{
    position:absolute;
    top:0px;
    left:0px;
}
.mypage_main #right #collection #title .col2_title
{
     position:absolute;
    top:0px;
    
     left: 312px;
}

.mypage_main #right #collection #title .btn_action
{
    position:absolute;
    top:0px;
    right   :0px;
    
}
.mypage_main #right #collection #tabs #controller
{
    border:none;
    border-bottom:1px solid #eee;
}
.mypage_main #right #collection #tabs .tab
{
    margin:0px !important;
}
 
.mypage_main #right #collection #tabs #controller div.conner6
{
   width:110px;
   height:35px;
   float:left;
   border:1px solid #eee;
   border-bottom: none;
   background:#fff;
   text-align:center;
   margin-bottom:-1px;
   line-height:35px;

    word-spacing: -3px;
    
}
.mypage_main #right #collection #tabs #controller div.conner6.active,
.mypage_main #right #collection #tabs #controller div.conner6:hover
{
    
    cursor:pointer;
     border-bottom:1px solid #fff;
    font-weight:bold;
}
.mypage_main #right #collection #tabs #tab-1,
.mypage_main #right #collection #tabs #tab-2
{
    /* height:200px; */
}








/**/

.mypage_main #right #collection #tabss #controller
{
    border:none;
    border-bottom:1px solid #eee;
    margin:0px;
}
.mypage_main #right #collection #tabss .tab
{
    margin:0px !important;
}
 
.mypage_main #right #collection #tabss #controller div.conner6
{
   width:110px;
   height:35px;
   float:left;
   border:1px solid #eee;
   border-bottom: none;
   background:#fff;
   text-align:center;
   margin-bottom:-1px;
   line-height:35px;

    word-spacing: -3px;
    
}
.mypage_main #right #collection #tabss #controller div.conner6.active,
.mypage_main #right #collection #tabss #controller div.conner6:hover
{
    border-bottom:1px solid #fff;
    cursor:pointer;
     
    font-weight:bold;
}


.mypage_main #right #collection #tabss #tab-1,
.mypage_main #right #collection #tabss #tab-2
{
    /* height:200px; */
}
.mypage_main #right #collection   ul
{
    
    margin-top: 20px;
    
}
.mypage_main #right #collection  ul li
{
    padding:8px 0px;
    
    border-bottom:1px solid #eee;
}
.mypage_main #right #collection  ul li span.date
{
    margin-right: 15px;
    
}
.mypage_main #right #collection .content
{
    padding-top:30px;
    padding:30px 10px 10px 10px;
}
.mypage_main #right #collection .title
{
    border-bottom: 2px solid #ddd;
    padding-bottom:20px;
    overflow:auto;
    padding-left: 10px;
}
.mypage_main #right #collection>div{padding-left:0px;padding-right:0px;}
.mypage_main #right #collection #col3{padding-right:0px;}
.mypage_main #right #collection #col3 .title
{
    padding-bottom:5px;
}
.mypage_main #right #collection #col3 .content{padding:20px;background:#f6f6f6;}
 .mypage_main #right #calendar  table
 {
    width:100% !important;
    background:#dddddd; 
    border:none;
    
    
 }
 .mypage_main #right #calendar table td
 {
    text-align:center;
    color:#666666;
   
   
 }
 
 .mypage_main #right #calendar table td.black
 {
    color:#888;
 }
 .mypage_main #right #calendar table td.anni{
    
    background:url("../img/mypage/mypage_anni_calendar_anni2.png") no-repeat center;
 }
 .mypage_main #right #calendar table td.today
 {
    
    color:#ff5b90;
 }
 .mypage_main #right #calendar table  tr
 {
    height:30px;
    
 }
 .mypage_main #right #calendar table  tr.last{height:21px;}
 .mypage_main #right #calendar  table  tr.years{
    height:58px;
 }  
 .mypage_main #right #calendar  table tr.days
 {
    height:25px;
 }
 .mypage_main #right #calendar  table .years td
 {
    text-align:center;
    color:#666666;
    
     font-size:24px;
     vertical-align:middle;
     font-family:Lato Bold;
     
 }
 .mypage_main #right #calendar table .years span
 {
   font-family: Lato Bold;
    padding:0px 0px;
    line-height:30px;
    
    
 }
 .mypage_main #right #calendar  table .years span.next
 {
    background:url("../img/mypage/calendar_next_2.jpg") center center no-repeat ;
    width:10px;
    margin-left:10px;
 }
 .mypage_main #right #calendar  table .years span.prev
 {
    background:url("../img/mypage/calendar_prev_2.jpg") center center no-repeat ;
    width:10px;
    margin-right:10px;
 }
 .mypage_main #right #calendar table .days td
 {
    color:#666666;
    
    font-size:11px;
 }
 
/*
 * Off Canvas
 * --------------------------------------------------
 */
 
 
 


/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}



/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
  /* Smartphones (portrait and landscape) ----------- */
@media screen 
and (min-width : 240px) 
and (max-width : 479px) {
    
    
     .mypage  #right #top #g_left #g_tooltip
 {
    position:absolute;
    left: -75px;
    top: -40px;
    background: url("../img/mypage/bg_tooltip.png") no-repeat;
    width:268px; 
    height:71px;
    display:none;
    color:#888;
    font-size: 11px;
    padding-top:15px;
    
    
    vertical-align:middle;
 }
    
    .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

 

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 6 columns */
     -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: 0px; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 30px;
    
  }
  .mypage #left #menu p,.mypage #left #menu ul
  {
    margin:0px;
  }
  .mypage #left #menu ul
    {
    padding:5px 4px;
   background: #fff;
   
    }
    

.mypage  #right #top #g_left #g_sum span
{
    display:block;
    float:left;
    width:65px;
    height:26px;
    line-height:26px;
    margin-right:0px;
    
    font-weight:bold;  
    color:#666;  
    font-size:14px;
    
}
.mypage  #right #top #g_left #g_sum .g_sum_p
 {
    
    text-indent: 30px;
    margin-right:6px;
    
 }
.mypage  #right #top #g_left #g_sum .g_sum_coupon
 {
    
    text-indent: 50px;
     margin-right:0px;
 }
.mypage  #right #top #g_left #g_sum .g_sum_wish
 {
    text-indent: 50px;
    
    margin-right:0px;
 }
.mypage #g_right{padding-left:0px !important;padding-top:0px !important;}
.mypage  #right #top #g_right .pink
{
    
    width:60px;
    
    
}
    
.mypage  #right #top #g_right #pink1{width:68px;}    
.mypage_main  #right #product div.item{padding-left:0px;padding-right: 2px;}



.mypage_main #right #collection .content
{
    padding-top:30px;
    padding:30px 2px 10px 2px;
}
.mypage_main #right #collection #tabs #controller div.conner6
   {
   width: 65px;
   height:35px;
   float:left;
   border:1px solid #eee;
   border-bottom: none;
   background:#fff;
   text-align:center;
   
   line-height:35px;

    word-spacing: -3px;
        
    }
.mypage_main #right #collection  ul li span{font-size:11px;display:block;margin-top:3px;}    
.mypage_main #right #collection  ul li span.date
{
    margin-right: 5px;
  
    
}
.mypage_main #right #collection  ul li span.txt{}
}


 
@media screen and (min-width:480px) and (max-width: 767px) {
   
   .mypage  #right #top #g_left #g_tooltip
 {
    position:absolute;
    left: 115px;
    top: -58px;
    background: url("../img/mypage/bg_tooltip.png") no-repeat;
    width:268px; 
    height:71px;
    display:none;
    color:#888;
    font-size: 11px;
    padding-top:15px;
    
    
    vertical-align:middle;
 }
   
   
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

 

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 6 columns */
     -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: 0px; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 30px;
    
  }
  .mypage #left #menu p,.mypage #left #menu ul
  {
    margin:0px;
  }
  .mypage #left #menu ul  {    padding:5px 4px;   background: #fff;     }
  .mypage #g_right{padding-left:0px !important;padding-top:0px !important;}
  .mypage #right #tab ul li a
  {
    
    font-size:11px;
  }
  .mypage table th,.mypage table td
  {
    font-size:11px;
    word-spacing:-3px;
  }
  
   .mypage_main #right #collection #tabs #controller div.conner6
{
   width: 90px;
   height:35px;
   float:left;
   border:1px solid #eee;
   border-bottom: none;
   background:#fff;
   text-align:center;
   
   line-height:35px;

    word-spacing: -3px;
    
}
  .mypage_main #right #collection  ul li span.date
{
    margin-right: 5px;
  
    
}
.mypage_main #right #collection  ul li span.txt{}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
    body
    {
        
    }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

 

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* 6 columns */
     -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: 0px; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 30px;
    
  }
  .mypage #left #menu p,.mypage #left #menu ul
  {
    margin:0px;
  }
  .mypage #left #menu ul  {    padding:5px 4px;   background: #fff;     }
  .mypage #right #tab ul li a
  {
    
    font-size:11px;
  }
  .mypage table th,.mypage table td
  {
    
    word-spacing:-3px;
  }
   .mypage #g_right{padding-left:0px !important;padding-top:0px !important;}

}
@media only screen 
and (min-width : 1024px) 
and (max-width : 1223px) {
   

}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1200px) {
/* Styles */
    .container
    {
        width:1130px;
    }
    
     .mypage  #right #top #g_left_1{padding-top:40px;}
    .mypage  #right #top #g_left{padding-top:40px;}
    .mypage  #right #top #g_right{padding-top:40px;}
    .mypage  #right #top #g_left #g_tooltip{top:-26px;}
    
     .mypage_main  #right #product div.item{padding-left:10px;padding-right:3px;}
    
    
    
}

